@charset "UTF-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div{margin:0;padding:0}
body{font-size:12px;font-family: "Microsoft yahei", sans-serif;-webkit-text-size-adjust:100%;background-color: #f2f2f2;margin-bottom:40px;width: 100%;color: #333;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
a{text-decoration:none}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
@media only screen and (max-width:300px){body{font-size:8px}.viewport{max-width:300px}}
@media only screen and (max-width:310px) and (min-width:300px){body{font-size:8px}.viewport{max-width:300px}}
@media only screen and (max-width:320px) and (min-width:310px){body{font-size:9px}.viewport{max-width:320px}}
@media only screen and (max-width:360px) and (min-width:320px){body{font-size:9px}.viewport{max-width:360px}}
@media only screen and (max-width:360px) and (min-width:350px){body{font-size:10px}.viewport{max-width:360px}}
@media only screen and (max-width:480px) and (min-width:360px){body{font-size:10px}.viewport{max-width:480px}}
@media only screen and (max-width:480px) and (min-width:470px){body{font-size:13px}.viewport{max-width:480px}}
@media only screen and (max-width:560px) and (min-width:480px){body{font-size:13px}.viewport{max-width:560px}}
@media only screen and (max-width:570px) and (min-width:560px){body{font-size:15px}.viewport{max-width:570px}}
@media only screen and (max-width:640px) and (min-width:570px){body{font-size:15px}.viewport{max-width:640px}}
@media only screen and (max-width:640px) and (min-width:630px){body{font-size:18px}.viewport{max-width:640px}}
@media only screen and (max-width:710px) and (min-width:640px){body{font-size:18px}.viewport{max-width:710px}}
.viewport{max-width:800px; min-width:320px; margin:0 auto; overflow:hidden; position:relative;}
/*header*/
.header{width: 100%;height: 40px;min-width: 300px;max-width:800px;background-color: #000;line-height: 40px;font-size: 0.8rem;overflow: hidden;position: fixed;z-index: 99;}
.header-1{margin: 0 auto;width: 90%;text-align: left;height:40px;}
.header-2{color: #fff;width:60%;height:40px;display:inline-block;float: left;}
.header-2:hover{color: #ff0000;}
.header-1 span{display: inline-block;overflow: hidden;height: 36px;}
.content-1{width: 100%;height: 30px;line-height: 30px;}
.content-1-1{margin: 0 auto;width: 90%;font-size: 0.9rem;}
.account{margin-left:5%;max-width:70%; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.content{width: 100%;}
.content-2{width: 100%;color:#000066;}
.content-2-1{margin:2px 0 0 0;padding: 0;width: 100%;background-color: #fff;height: 40px;line-height: 40px;}
.content-2-2{margin: 0 auto;width: 90%;font-size:14px;display:block;color:#000066;height:40px;}
.span-1{font-size: 14px;font-weight: 500;display: inline-block;width: 40%;height: 40px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.span-2{font-size: 14px;font-weight: 500;}
.span-3{float: right;}
.span-3 img{width:25px;}
.span-4{float:right;width: 75%;text-align: right;height: 40px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.content-3{width:100%;background-color:#fff;}
.content-3 table{margin:0;;padding:0;width:100%;text-align:center;}
.content-3 table tr{border-bottom:1px solid #ccc;}
.content-3 table th{height:36px;}
.content-3 table td{height:36px;}
.content-3 table td input{position:relative;top:2px;right:5px;}
.silver{background-color:#D1D1D1;color:#000;}